<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        div{
            font-weight: bold;
            font-style:italic
        }
        p{
            font-weight: bolder;
            font-style: oblique
        }
        b{
            font-weight: normal
        }
        i{
            font-style: normal
        }
    </style>
</head>
<body>
    <div>
        王兵同学
        <!-- 字体大小16px,微软雅黑 -->
    </div>
    <p>
        王兵同学
    </p>
    王兵同学

    <b>王兵同学</b>
    <i>王兵同学</i>
</body>
</html>
<!-- 
    加粗属性的使用
        属性:font-weight
        属性值:
            - 数字 100-900 (正整数) 100-600正常字体 700-900加粗字体
            - bold 加粗
            - bolder 更粗的，但是肉眼不可见
            - normal 正常的 清除b/strong的默认样式

    倾斜属性的使用
        属性：font-style
        属性值：
            - italic 倾斜的
            - oblique 更倾斜，但是肉眼不可见
            - normal 清除i/em标签的默认样式
 -->